1 事件绑定 bind,live,delegate,on 区别

  • bind 一直存在,直接绑定元素,不支持动态增加的元素,不支持委托;
  • live jquery1.3新增 支持将事件委托到document元素,支持动态增加的元素的事件绑定;
  • live jquery1.4修改 支持live 方法指定上下文对象,解决事件传播链太长问题;
  • delegate jquery1.4.2新增 支持事件委托,将事件委托到父元素,解决事件传播链太长问题;
  • on jquery1.7新增 支持事件代理,同时将以上几个的内部实现也调整为on调用 1.7+推荐使用

1.1 参考

  1. jQuery 2.0.3 源码分析 事件绑定 - bind/live/delegate/on
  2. 浅谈Jquery中的bind(),live(),delegate(),on()绑定事件方式
  3. jQuery的.bind()、.live()和.delegate()之间区别

2 参考资料

  1. jQuery源代码查看工具(jQuery source viewer)
  2. [原创] jQuery1.6.1源码分析系列(停止更新)
  3. jQuery源码分析系列

最后更新: 2022年03月02日 03:32

原始链接: http://rawbin-.github.io/dev-3rd-libs/2015-05-29-practical-jquery/

× 赞赏这个人~
打赏二维码